.slottery {
  height: 36px;
  display: flex;
  align-items: center;
  box-sizing: border-box;
  border-bottom: 1px solid #5397df;
}
.slottery a {
  display: flex;
  align-items: center;
  height: 100%;
  font-size: 14px;
  color: #4a4a4a;
}
.slottery a.active {
  font-weight: bold;
  color: #181818;
  position: relative;
}
.slottery a.active::after {
  display: inline-block;
  content: "";
  width: 16px;
  height: 10px;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  background: url(/static/images/tab.png) no-repeat bottom center / 100%;
}
.slottery a.active:hover {
  text-decoration: none;
}
.slottery.divide {
  justify-content: space-between;
}
.stitle {
  height: 38px;
  margin: 0 18px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-bottom: 3px solid #f7f7f7;
  box-sizing: border-box;
}
.stitle .left {
  display: flex;
  align-items: center;
}
.stitle .left b {
  font-weight: bold;
  font-size: 16px;
  color: #181818;
  display: flex;
  align-items: center;
  margin-right: 20px;
}
.stitle .left b::before {
  display: inline-block;
  content: "";
  width: 32px;
  height: 37px;
  margin-right: 8px;
  background: url(/static/images/i_mffa.png) no-repeat center center / 100%;
}
.stitle .left a {
  font-size: 14px;
  margin-right: 26px;
}
.stitle .left a.active {
  color: #4580cf;
  font-weight: bold;
}
.stitle .right {
  font-size: 14px;
  color: #999999;
}
.fuf_article {
  display: block;
  padding: 16px 18px;
  box-sizing: border-box;
}
.fuf_article .user {
  display: flex;
  align-items: center;
}
.fuf_article .user img {
  width: 24px;
  height: 24px;
  display: block;
  border-radius: 50%;
  background: #d8d8d8;
  margin-right: 4px;
  box-shadow: 0px 2px 4px 0px #f6f6f6;
}
.fuf_article .user .name {
  font-weight: bold;
  font-size: 14px;
  color: #999999;
  display: block;
  max-width: 100px;
  height: 20px;
  line-height: 20px;
  margin-right: 8px;
  overflow: hidden;
  word-break: break-all;
}
.fuf_article .user .rz {
  width: 66px;
  height: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 12px;
  color: #5397df;
  margin-right: 6px;
  border-radius: 10px;
  border: 1px solid #cdeaff;
}
.fuf_article .user .jz {
  width: 66px;
  height: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 12px;
  color: #ffb949;
  border-radius: 10px;
  border: 1px solid #ffecb6;
}
.fuf_article .ctitle {
  display: block;
  height: 25px;
  line-height: 25px;
  font-size: 16px;
  color: #181818;
  margin-top: 8px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  word-break: break-all;
}
.fuf_article .desc {
  width: 100%;
  height: 32px;
  background: #f6f6f6;
  border-radius: 4px;
  margin-top: 8px;
  display: flex;
  align-items: center;
  padding: 0 12px;
  box-sizing: border-box;
}
.fuf_article .desc .left {
  flex: 1;
  margin-right: 12px;
  display: flex;
  align-items: center;
}
.fuf_article .desc .left .cz {
  font-size: 12px;
  color: #181818;
}
.fuf_article .desc .left .qi {
  font-size: 12px;
  color: #999999;
  margin-left: 2px;
}
.fuf_article .desc .left .time {
  font-size: 12px;
  color: #999999;
  margin-left: 12px;
  display: flex;
}
.fuf_article .desc .left .time .clock {
  width: 16px;
  height: 17px;
  font-size: 12px;
  color: #ffad2a;
  background: #fff6e7;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 3px;
}
.fuf_article .desc .left .read {
  font-size: 12px;
  color: #999999;
  margin-left: 16px;
}
.fuf_article .desc .money {
  display: flex;
  align-items: center;
  font-size: 12px;
  color: #c74c5a;
}
.fuf_article .desc .money .y {
  font-size: 18px;
  color: #c74c5a;
  margin-right: 2px;
}
.fuf_article .desc .money.past {
  color: #999999;
  text-decoration: line-through;
}
.fuf_article .desc .money.past .y {
  color: #999999;
}
.fuf_article.zhong {
  position: relative;
}
.fuf_article.zhong > img {
  display: block;
  width: 38px;
  height: 38px;
  position: absolute;
  right: 12px;
  top: 11px;
}
.mf_article {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 9px 10px;
  box-sizing: border-box;
}
.mf_article a {
  width: 68%;
  font-size: 14px;
  display: block;
  word-break: break-all;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  position: relative;
  padding-left: 13px;
}
.mf_article a::before {
  display: inline-block;
  content: "";
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #ffd1b8;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}
.mf_article .deta {
  display: flex;
}
.mf_article .deta span {
  font-size: 13px;
  color: #999999;
}
.mf_article .deta span:first-of-type {
  margin-right: 5px;
}
.zb_article {
  display: flex;
  align-items: center;
  padding: 24px 16px 4px;
}
.zb_article .stag {
  display: block;
  width: 18px;
  height: 18px;
  text-align: center;
  line-height: 18px;
  font-size: 14px;
  color: #bbbbbb;
  background: #eeeeee;
  border-radius: 2px;
}
.zb_article .stag.one {
  color: #ffffff;
  background: #e24939;
}
.zb_article .stag.two {
  color: #ffffff;
  background: #ff6602;
}
.zb_article .stag.three {
  color: #ffffff;
  background: #5397df;
}
.zb_article img {
  display: block;
  width: 38px;
  height: 38px;
  border-radius: 50%;
  margin: 0 8px;
}
.zb_article .info {
  flex: 1;
}
.zb_article .info p {
  height: 25px;
  line-height: 25px;
  font-size: 14px;
  color: #181818;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
}
.zb_article .info > div {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.zb_article .info > div .left {
  font-size: 12px;
  color: #999999;
  display: flex;
}
.zb_article .info > div .left .name {
  display: block;
  max-width: 72px;
  height: 16px;
  overflow: hidden;
  word-break: break-all;
}
.zb_article .info > div .left .ds {
  margin: 0 6px;
}
.zb_article .info > div .bb {
  font-size: 10px;
  color: #c74c5a;
}
.zb_article .info > div .bb i {
  font-size: 16px;
}
.zj_card {
  width: 23.7%;
  border-radius: 8px;
  border: 1px solid #e8e8e8;
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 38px 10px 30px;
  box-sizing: border-box;
  background-color: #ffffff;
}
.zj_card .vlz {
  display: block;
  width: 73px;
  height: 31px;
  line-height: 31px;
  font-size: 12px;
  color: #fd9b0c;
  padding-left: 22px;
  position: absolute;
  top: 25px;
  left: 0;
  box-sizing: border-box;
  background: url(/static/images/vlz.png) no-repeat left center / 100% 100%;
}
.zj_card .avatar {
  width: 78px;
  height: 78px;
  border-radius: 50%;
  box-shadow: 0px 1px 6px 0px rgba(104, 104, 104, 0.5);
  position: relative;
}
.zj_card .avatar img {
  display: block;
  width: 100%;
  height: 100%;
  border-radius: 50%;
}
.zj_card .avatar::after {
  display: inline-block;
  content: "";
  width: 72px;
  height: 16px;
  position: absolute;
  bottom: -3px;
  left: 50%;
  transform: translateX(-50%);
}
.zj_card .avatar.ds_sx::after {
  background: url(/static/images/ds_sx.svg) no-repeat left center / 100% 100%;
}
.zj_card .avatar.ds_pt::after {
  background: url(/static/images/ds_pt.svg) no-repeat left center / 100% 100%;
}
.zj_card .avatar.ds_jp::after {
  background: url(/static/images/ds_jp.svg) no-repeat left center / 100% 100%;
}
.zj_card .in {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 18px;
}
.zj_card .in .name {
  max-width: 43%;
  height: 22px;
  font-size: 16px;
  color: #4a4a4a;
  overflow: hidden;
  word-break: break-all;
}
.zj_card .in span {
  width: 61px;
  height: 22px;
  border-radius: 4px;
  font-size: 14px;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  margin-left: 9px;
}
.zj_card .in span.gz {
  color: #fe5b00;
  background: #ffece2;
}
.zj_card .in span.ygz {
  color: #999999;
  background: #eeeeee;
}
.zj_card .desc {
  width: 100%;
  height: 32px;
  display: flex;
  align-items: center;
  font-size: 12px;
  color: #999999;
  justify-content: center;
  word-break: break-all;
  margin-top: 10px;
  overflow: hidden;
  padding: 0 10px;
  box-sizing: border-box;
}
.zj_card .desc .text {
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  display: -webkit-box;
  -webkit-box-orient: vertical;
}
.zj_card .deta {
  width: 100%;
  height: 24px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: #f7f7f7;
  border-radius: 3px;
  padding: 0 10px;
  box-sizing: border-box;
  margin-top: 9px;
}
.zj_card .deta span {
  font-size: 12px;
  color: #9a8571;
}
.zj_card:hover {
  text-decoration: none;
}
.sgjtj {
  border: 1px solid #eeeeee;
}
.sgjtj .ttitle {
  width: 100%;
  height: 36px;
  padding: 0 18px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  box-sizing: border-box;
  border-bottom: 3px solid #f7f7f7;
}
.sgjtj .ttitle b {
  display: flex;
  align-items: center;
}
.sgjtj .ttitle b::before {
  display: inline-block;
  content: "";
  width: 32px;
  height: 36px;
  background: url(/static/images/i_gj.png) no-repeat left center / 100%;
}
.sgjtj .ttitle .tmore {
  font-weight: bold;
  font-size: 14px;
  color: #999999;
}
.sgjtj .cate {
  padding: 18px 18px 0;
}
.sgjtj .cate b {
  display: flex;
  font-weight: bold;
  font-size: 16px;
  color: #181818;
  margin-bottom: 5px;
}
.sgjtj .cate .list {
  display: flex;
  flex-wrap: wrap;
}
.sgjtj .cate .list a {
  width: 50%;
  height: 28px;
  overflow: hidden;
  display: flex;
  align-items: center;
  font-size: 14px;
}
.sgjtj .cate .list a::after {
  display: inline-block;
  content: "";
  min-width: 14px;
  height: 14px;
  margin-left: 4px;
}
.sgjtj .cate .list a.vip::after {
  background: url(/static/images/vip14.png) no-repeat right center / 100%;
}
.sgjtj .cate .list a.xin::after {
  background: url(/static/images/new.gif) no-repeat right center / 13px 13px;
}
.sgjtj .cate .list a.re::after {
  background: url(/static/images/hot.gif) no-repeat right center / 13px 13px;
}
.spage {
  display: flex;
  justify-content: center;
  padding: 12px 0;
}
.spage a {
  display: flex;
  align-items: center;
  height: 24px;
  padding: 0 9px;
  border-radius: 2px;
  margin: 0 4px;
  border: 1px solid #e0e0e0;
}
.spage a.tab {
  color: #5397df;
  border-color: #5397df;
  background: #ebf5fe;
}
.zj_info {
  width: 100%;
  height: 170px;
  display: flex;
  margin-top: 16px;
  padding: 27px 44px 30px 27px;
  box-sizing: border-box;
  background: url(/static/images/zj_info.png) no-repeat center center / 100%;
}
.zj_info .avatar {
  display: block;
  width: 80px;
  height: 80px;
  border-radius: 50%;
  margin-right: 20px;
  box-shadow: 0px 2px 4px 0px #eeeeee;
}
.zj_info .zinfo {
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  box-sizing: border-box;
}
.zj_info .zinfo .i1 {
  display: flex;
  align-items: center;
}
.zj_info .zinfo .i1 b {
  display: block;
  max-width: 122px;
  height: 26px;
  overflow: hidden;
  font-weight: bold;
  font-size: 20px;
  color: #4a4a4a;
  word-break: break-all;
}
.zj_info .zinfo .i1 span {
  display: block;
  min-width: 68px;
  height: 22px;
  text-align: center;
  line-height: 22px;
  padding: 0 9px;
  margin-left: 12px;
  font-size: 15px;
  border-radius: 14px;
}
.zj_info .zinfo .i1 span.jp {
  color: #5e9de0;
  border: 1px solid #c3e6ff;
}
.zj_info .zinfo .i1 span.pt {
  color: #999999;
  border: 1px solid #bbbbbb;
}
.zj_info .zinfo .i1 span.sx {
  color: #e24939;
  border: 1px solid #f59a90;
}
.zj_info .zinfo .i1 span.vlz {
  color: #ffb949;
  border: 1px solid #ffe28d;
}
.zj_info .zinfo .i2 {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.zj_info .zinfo .i2 p {
  width: 80%;
  font-size: 15px;
  color: #4a4a4a;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  word-break: break-all;
}
.zj_info .zinfo .i2 span {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100px;
  height: 36px;
  font-size: 18px;
  color: #ffffff;
  background: linear-gradient(180deg, #fde19a 0%, #fabf61 100%);
  border-radius: 18px;
  cursor: pointer;
}
.zj_info .zinfo .i2 span.ygz {
  color: #bbbbbb;
  background: #eeeeee;
}
.zj_info .zinfo .i3 {
  display: flex;
  align-items: center;
}
.zj_info .zinfo .i3 span {
  display: block;
  font-size: 14px;
  color: #7e7e7e;
  padding: 1px 10px;
  margin-right: 10px;
  border-radius: 14px;
  border: 1px solid #bbbbbb;
}
.scuthead {
  width: 100%;
  margin-top: 16px;
}
.scuthead a:hover {
  text-decoration: none;
}
.scuthead .stop {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 50px;
  background: #f7f7f7;
}
.scuthead .stop .left {
  display: flex;
  height: 100%;
}
.scuthead .stop .left a {
  display: flex;
  align-items: center;
  padding: 0 26px;
  font-size: 16px;
  color: #181818;
  box-sizing: border-box;
}
.scuthead .stop .left a.active {
  font-weight: bold;
  color: #5397df;
  border: 1px solid #5397df;
  border-top: 4px solid #5397df;
  border-bottom: none;
  position: relative;
  background: #ffffff;
}
.scuthead .stop .left a.active::after {
  display: inline-block;
  content: "";
  width: 100%;
  height: 2px;
  background: #ffffff;
  position: absolute;
  bottom: -1px;
  left: 0;
}
.scuthead .stop .right {
  display: flex;
  padding-right: 20px;
}
.scuthead .stop .right a {
  font-size: 14px;
  color: #4a4a4a;
  margin-left: 28px;
}
.scuthead .stop .right a.active {
  color: #4580cf;
  font-weight: bold;
}
.scuthead .sbot {
  height: 40px;
  display: flex;
  align-items: center;
  border: 1px solid #5397df;
}
.scuthead .sbot a {
  font-size: 16px;
  color: #4a4a4a;
  display: flex;
  align-items: center;
  margin: 0 30px;
  box-sizing: border-box;
}
.scuthead .sbot a.active {
  font-weight: bold;
  color: #5397df;
  position: relative;
}
.scuthead .sbot a.active::after {
  display: inline-block;
  content: "";
  width: 100%;
  height: 2px;
  background: #5397df;
  position: absolute;
  bottom: -3px;
  left: 0;
}
.scuthead.border {
  border-bottom: 2px solid #5397df;
  margin-top: 10px;
}
.show_pop_message {
  padding: 10px 30px 10px 20px;
  max-width: 600px;
  position: fixed;
  left: 50%;
  top: 15%;
  transform: translateX(-50%);
  border-radius: 5px;
  z-index: 9999;
  box-shadow: 3px 3px 3px 1px rgba(0, 0, 0, 0.2);
}
.show_pop_message > .be {
  width: 14px;
  height: 14px;
  display: inline-block;
  border-radius: 50%;
  color: #ffffff;
  text-align: center;
  line-height: 14px;
  margin-right: 5px;
}
.show_pop_message.success-message {
  background-color: #f0f9eb;
  color: #6fc140;
  border: 1px solid #e2f3da;
}
.show_pop_message.success-message > .be {
  background-color: #69c242;
}
.show_pop_message.error-message {
  background-color: #fef0f0;
  color: #f37174;
  border: 1px solid #fce2e2;
}
.show_pop_message.error-message > .be {
  background-color: #f36b6e;
}
.show_pop_message.info-message {
  background-color: #ebebeb;
  color: #949494;
  border: 1px solid #ececed;
}
.show_pop_message.info-message > .be {
  background-color: #909399;
}
.empty {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 24px 0;
  box-sizing: border-box;
}
.empty img {
  display: block;
  width: 420px;
  height: 325px;
}
.empty span {
  font-size: 16px;
  color: #4a4a4a;
  margin-top: 20px;
}
.empty a {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 28px;
  padding: 0 19px;
  font-weight: bold;
  font-size: 16px;
  color: #fff8d1;
  background: #f0d59a;
  border-radius: 3px;
  margin-top: 16px;
  box-sizing: border-box;
}
.empty.mediate {
  margin: 0 auto;
}
.login_popup,
.forget_popup {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.3);
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 9999;
  display: none;
}
.login_popup > .content,
.forget_popup > .content {
  width: 350px;
  background: #ffffff;
  border-radius: 13px;
  padding: 30px 30px 18px;
  position: relative;
  box-sizing: border-box;
}
.login_popup > .content > .login_popup_close,
.forget_popup > .content > .login_popup_close {
  width: 16px;
  height: 16px;
  position: absolute;
  top: 13px;
  right: 13px;
  cursor: pointer;
}
.login_popup > .content > .top,
.forget_popup > .content > .top {
  display: flex;
}
.login_popup > .content > .top > a,
.forget_popup > .content > .top > a {
  font-size: 16px;
  color: #181818;
  display: inline-block;
  position: relative;
}
.login_popup > .content > .top > a.active,
.forget_popup > .content > .top > a.active {
  color: #5397df;
}
.login_popup > .content > .top > a.active::after,
.forget_popup > .content > .top > a.active::after {
  display: inline-block;
  content: "";
  width: 38px;
  height: 4px;
  background: #5397df;
  position: absolute;
  bottom: -6px;
  left: 50%;
  transform: translate(-50%);
}
.login_popup > .content > .top > a:first-of-type,
.forget_popup > .content > .top > a:first-of-type {
  margin-right: 40px;
}
.login_popup > .content > .top > a:first-of-type::after,
.forget_popup > .content > .top > a:first-of-type::after {
  width: 48px;
}
.login_popup > .content .sub,
.forget_popup > .content .sub {
  font-weight: bold;
  font-size: 16px;
  color: #181818;
}
.login_popup > .content > .tip,
.forget_popup > .content > .tip {
  font-size: 12px;
  color: #4a4a4a;
  margin-top: 32px;
}
.login_popup > .content > .set_password,
.forget_popup > .content > .set_password {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.login_popup > .content > .set_password > p,
.forget_popup > .content > .set_password > p {
  font-size: 16px;
  font-weight: bold;
  color: #e13737;
}
.login_popup > .content > .set_password > a,
.forget_popup > .content > .set_password > a {
  display: flex;
  width: 42px;
  height: 20px;
  border-radius: 11px;
  border: 1px solid #cecece;
  justify-content: center;
  align-items: center;
  font-size: 12px;
  color: #4a4a4a;
}
.login_popup > .content .form,
.forget_popup > .content .form {
  text-align: center;
}
.login_popup > .content .form .item,
.forget_popup > .content .form .item {
  height: 40px;
  background: #ffffff;
  border-radius: 4px;
  border: 1px solid #cecece;
  margin-top: 20px;
  box-sizing: border-box;
}
.login_popup > .content .form .item > label,
.forget_popup > .content .form .item > label {
  width: 100%;
  height: 100%;
  display: inline-block;
  padding-left: 12px;
  display: flex;
  align-items: center;
  box-sizing: border-box;
}
.login_popup > .content .form .item > label input,
.forget_popup > .content .form .item > label input {
  height: 100%;
  border: none;
  outline: none;
  background: #ffffff !important;
  padding: 0 8px;
}
.login_popup > .content .form .item > label input.yzm-input,
.forget_popup > .content .form .item > label input.yzm-input {
  width: 130px;
}
.login_popup > .content .form .item > label input.mmyzm-input,
.forget_popup > .content .form .item > label input.mmyzm-input {
  width: 138px;
}
.login_popup > .content .form .item > label > .hq,
.forget_popup > .content .form .item > label > .hq {
  color: #e13737;
  border: none;
  position: relative;
  display: inline-block;
  height: 38px;
  line-height: 38px;
  flex: 1;
  text-align: center;
}
.login_popup > .content .form .item > label > .hq::before,
.forget_popup > .content .form .item > label > .hq::before {
  display: inline-block;
  content: "";
  width: 1px;
  height: 15px;
  background: #e0e0e0;
  left: -8px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
.login_popup > .content .form .item > label > .pic-yzm,
.forget_popup > .content .form .item > label > .pic-yzm {
  width: 80px;
  height: 38px;
  display: inline-block;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.login_popup > .content .form .item.bor_black,
.forget_popup > .content .form .item.bor_black {
  border-color: #cecece;
}
.login_popup > .content .form .item.bor_red,
.forget_popup > .content .form .item.bor_red {
  border-color: #e13737;
}
.login_popup > .content .form .item > span,
.forget_popup > .content .form .item > span {
  font-size: 12px;
  color: #e13737;
  margin-top: 3px;
  display: block;
  text-align: left;
}
.login_popup > .content .form > .btn,
.forget_popup > .content .form > .btn {
  width: 266px;
  height: 40px;
  background: linear-gradient(180deg, #fde19a 0%, #fabf61 100%);
  border-radius: 4px;
  font-size: 16px;
  font-weight: bold;
  color: #ffffff;
  cursor: pointer;
  outline: none;
  border: none;
  margin-top: 30px;
  text-align: center;
}
.login_popup > .content .form > .btn.mt16,
.forget_popup > .content .form > .btn.mt16 {
  margin-top: 16px;
}
.login_popup > .content .form > .ys,
.forget_popup > .content .form > .ys {
  font-size: 12px;
  color: #4a4a4a;
  margin-top: 12px;
  display: flex;
  align-items: center;
}
.login_popup > .content .form > .ys > span,
.forget_popup > .content .form > .ys > span {
  display: inline-block;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  border: 1px solid #5397df;
  margin-right: 2px;
  cursor: pointer;
  box-sizing: border-box;
}
.login_popup > .content .form > .ys > .checked,
.forget_popup > .content .form > .ys > .checked {
  background: url(/static/images/gx.png) no-repeat center left / 100%;
  border: none;
}
.login_popup > .content .form > .ys > a,
.forget_popup > .content .form > .ys > a {
  font-size: 12px;
  color: #e13737;
}
.login_popup > .content .form > .forget_password,
.forget_popup > .content .form > .forget_password {
  display: block;
  text-align: right;
  margin-top: 8px;
  font-size: 12px;
  color: #4a4a4a;
  cursor: pointer;
}
.login_popup > .content .form > .message_tip,
.forget_popup > .content .form > .message_tip {
  font-size: 12px;
  color: #4a4a4a;
  margin-top: 20px;
}
.login_popup > .content .form > .message_tip::before,
.forget_popup > .content .form > .message_tip::before {
  display: inline-block;
  content: "";
  width: 12px;
  height: 12px;
  background: url(/images/gx.png) no-repeat center left / 100%;
  margin-right: 1px;
}
.login_popup.login_popup .form.account_type,
.forget_popup.login_popup .form.account_type {
  display: none;
}
.login_popup.forget_popup,
.forget_popup.forget_popup {
  display: none;
}
.pay_popup,
.zst_pay_popup {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.3);
  display: none;
  justify-content: center;
  align-items: center;
  z-index: 99;
}
.pay_popup .content,
.zst_pay_popup .content {
  width: 500px;
  background: #ffffff;
  border-radius: 13px;
  padding: 30px 25px 25px;
  position: relative;
  box-sizing: border-box;
}
.pay_popup .content .pay_close,
.zst_pay_popup .content .pay_close {
  display: block;
  width: 24px;
  height: 24px;
  position: absolute;
  top: 15px;
  right: 20px;
  cursor: pointer;
}
.pay_popup .content .title,
.zst_pay_popup .content .title {
  font-size: 16px;
  color: #4a4a4a;
  text-align: center;
}
.pay_popup .content .title span,
.zst_pay_popup .content .title span {
  color: #5397df;
  margin: 0 6px;
}
.pay_popup .content .money,
.zst_pay_popup .content .money {
  text-align: center;
  margin-top: 6px;
}
.pay_popup .content .money .f,
.zst_pay_popup .content .money .f {
  font-weight: bold;
  font-size: 16px;
}
.pay_popup .content .money .actually,
.zst_pay_popup .content .money .actually,
.pay_popup .content .money .q,
.zst_pay_popup .content .money .q {
  font-weight: bold;
  font-size: 32px;
  color: #181818;
}
.pay_popup .content .text,
.zst_pay_popup .content .text {
  font-size: 14px;
  color: #999999;
}
.pay_popup .content .info,
.zst_pay_popup .content .info {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 10px 0;
  border-bottom: 1px solid #e0e0e0;
}
.pay_popup .content .info .ds,
.zst_pay_popup .content .info .ds {
  font-size: 14px;
  color: #181818;
  display: block;
  max-width: 52%;
  height: 20px;
  overflow: hidden;
}
.pay_popup .content .yj,
.zst_pay_popup .content .yj {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 12px 0;
  border-bottom: 1px solid #e0e0e0;
}
.pay_popup .content .yj .q,
.zst_pay_popup .content .yj .q {
  font-size: 12px;
}
.pay_popup .content .yj .q i,
.zst_pay_popup .content .yj .q i {
  font-size: 15px;
}
.pay_popup .content .yj .wu,
.zst_pay_popup .content .yj .wu {
  font-size: 12px;
  color: #999999;
}
.pay_popup .content .coupon,
.zst_pay_popup .content .coupon {
  border-bottom: 1px solid #e0e0e0;
}
.pay_popup .content .coupon .top,
.zst_pay_popup .content .coupon .top {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-top: 12px;
}
.pay_popup .content .coupon .top .discount,
.zst_pay_popup .content .coupon .top .discount {
  font-size: 12px;
  color: #e24939;
}
.pay_popup .content .coupon .item,
.zst_pay_popup .content .coupon .item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 276px;
  height: 77px;
  padding: 0 30px 0 15px;
  margin: 12px 0;
  cursor: pointer;
  box-sizing: border-box;
  background: url(/static/images/yhq_bg.png) no-repeat center center / 100%;
}
.pay_popup .content .coupon .item .left,
.zst_pay_popup .content .coupon .item .left {
  flex: 1;
  display: flex;
  align-items: center;
}
.pay_popup .content .coupon .item .left .q,
.zst_pay_popup .content .coupon .item .left .q {
  width: 58px;
  display: flex;
  justify-content: center;
  align-items: flex-end;
  color: #bd9044;
}
.pay_popup .content .coupon .item .left .q i:first-of-type,
.zst_pay_popup .content .coupon .item .left .q i:first-of-type {
  font-weight: bold;
  font-size: 14px;
  margin-bottom: 6px;
}
.pay_popup .content .coupon .item .left .q i:nth-of-type(2),
.zst_pay_popup .content .coupon .item .left .q i:nth-of-type(2) {
  font-weight: bold;
  font-size: 32px;
}
.pay_popup .content .coupon .item .left .des,
.zst_pay_popup .content .coupon .item .left .des {
  flex: 1;
  font-size: 13px;
  color: #ffffff;
}
.pay_popup .content .coupon .item .gou,
.zst_pay_popup .content .coupon .item .gou {
  display: block;
  width: 16px;
  height: 16px;
  margin-left: 22px;
  border-radius: 50%;
  border: 1px solid #979797;
  box-sizing: border-box;
}
.pay_popup .content .coupon .item.active .gou,
.zst_pay_popup .content .coupon .item.active .gou {
  border: none;
  background: url(/static/images/selected.png) no-repeat center center / 100%;
}
.pay_popup .content .type,
.zst_pay_popup .content .type {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 16px 0 3px;
  cursor: pointer;
}
.pay_popup .content .type .left,
.zst_pay_popup .content .type .left {
  font-size: 14px;
  color: #181818;
  display: flex;
  align-items: center;
}
.pay_popup .content .type .left span,
.zst_pay_popup .content .type .left span {
  font-size: 12px;
  color: #999999;
  margin-left: 6px;
}
.pay_popup .content .type .left span i,
.zst_pay_popup .content .type .left span i {
  color: #e24939;
}
.pay_popup .content .type .left a,
.zst_pay_popup .content .type .left a {
  font-size: 12px;
  text-decoration: underline;
  display: flex;
  align-items: center;
  margin-left: 36px;
  color: #4580cf;
}
.pay_popup .content .type .left a img,
.zst_pay_popup .content .type .left a img {
  display: block;
  width: 16px;
  height: 16px;
  margin-right: 4px;
}
.pay_popup .content .type .left::before,
.zst_pay_popup .content .type .left::before {
  display: inline-block;
  content: "";
  width: 24px;
  height: 24px;
  margin-right: 8px;
}
.pay_popup .content .type .left.wx::before,
.zst_pay_popup .content .type .left.wx::before {
  background: url(/static/images/wx.png) no-repeat left center / 100%;
}
.pay_popup .content .type .left.ye::before,
.zst_pay_popup .content .type .left.ye::before {
  background: url(/static/images/balance.png) no-repeat left center / 100%;
}
.pay_popup .content .type .select,
.zst_pay_popup .content .type .select {
  width: 14px;
  height: 14px;
  border-radius: 50%;
  border: 1px solid #bbbbbb;
  box-sizing: border-box;
}
.pay_popup .content .type.mt6,
.zst_pay_popup .content .type.mt6 {
  margin-top: 6px;
}
.pay_popup .content .type.active .select,
.zst_pay_popup .content .type.active .select {
  border: none;
  background: url(/static/images/selected.png) no-repeat center center / 100%;
}
.pay_popup .content .confirm,
.zst_pay_popup .content .confirm {
  display: flex;
  align-items: center;
  flex-direction: column;
  margin-top: 16px;
}
.pay_popup .content .confirm .btn,
.zst_pay_popup .content .confirm .btn {
  width: 371px;
  height: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: bold;
  font-size: 16px;
  color: #ffffff;
  background: linear-gradient(180deg, #fde19a 0%, #fabf61 100%);
  border-radius: 4px;
  cursor: pointer;
  border-radius: 20px;
}
.pay_popup .content .confirm .kthy,
.zst_pay_popup .content .confirm .kthy {
  width: 371px;
  height: 40px;
  background: #eeeeee;
  border-radius: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  font-size: 16px;
  color: #4a4a4a;
  margin-top: 16px;
}
.pay_popup .content .confirm .kthy img,
.zst_pay_popup .content .confirm .kthy img {
  display: block;
  width: 18px;
  height: 16px;
}
.pay_popup .content .confirm .kthy span,
.zst_pay_popup .content .confirm .kthy span {
  font-size: 12px;
  color: #4a4a4a;
  font-weight: bold;
  margin-left: 6px;
}
.pay_popup .content .qr_code,
.zst_pay_popup .content .qr_code {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.pay_popup .content .qr_code img,
.zst_pay_popup .content .qr_code img {
  display: block;
  width: 158px;
  height: 158px;
  margin: 8px 0 16px;
}
.pay_popup .content.wx_pay,
.zst_pay_popup .content.wx_pay {
  display: none;
}
.pay_popup .content .tips,
.zst_pay_popup .content .tips {
  font-size: 12px;
  color: #e24939;
  text-align: center;
  margin-top: 10px;
  margin-bottom: -10px;
}
.pay_popup .content .tips.gray,
.zst_pay_popup .content .tips.gray {
  color: #999999;
}
.sprofile {
  margin-top: 16px;
  background: #f7f7f7;
}
.sprofile a:hover {
  text-decoration: none;
}
.sprofile > .content {
  display: flex;
  justify-content: space-between;
  padding: 16px 0;
}
.sprofile > .content .sleft {
  width: 240px;
  margin-right: 16px;
}
.sprofile > .content .sleft .info {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 32px 28px;
  border-radius: 6px;
  background-color: #ffffff;
  box-sizing: border-box;
}
.sprofile > .content .sleft .info .avatar {
  width: 68px;
  height: 68px;
  border-radius: 50%;
  border: 1px solid #e0e0e0;
  box-sizing: border-box;
}
.sprofile > .content .sleft .info .avatar img {
  width: 100%;
  height: 100%;
  border-radius: 50%;
}
.sprofile > .content .sleft .info .avatar.vip {
  border: 1px solid #f7be22;
  position: relative;
}
.sprofile > .content .sleft .info .avatar.vip::after {
  display: inline-block;
  content: "";
  width: 23px;
  height: 24px;
  position: absolute;
  right: -7px;
  top: -10px;
  background: url(/static/images/vip1.png) no-repeat left center / 100% 100%;
}
.sprofile > .content .sleft .info .name {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 8px;
}
.sprofile > .content .sleft .info .name .n {
  display: block;
  max-width: 112px;
  height: 22px;
  font-size: 16px;
  color: #4a4a4a;
  overflow: hidden;
  word-break: break-all;
}
.sprofile > .content .sleft .info .name .i {
  display: block;
  width: 45px;
  height: 16px;
  margin-left: 5px;
}
.sprofile > .content .sleft .info .name .i.zero {
  background: url(/static/images/v_zero.png) no-repeat center center / 100% 100%;
}
.sprofile > .content .sleft .info .name .i.one {
  background: url(/static/images/v_one.png) no-repeat center center / 100% 100%;
}
.sprofile > .content .sleft .info .name .i.two {
  background: url(/static/images/v_two.png) no-repeat center center / 100% 100%;
}
.sprofile > .content .sleft .info .name .i.three {
  background: url(/static/images/v_three.png) no-repeat center center / 100% 100%;
}
.sprofile > .content .sleft .info .name .i.four {
  background: url(/static/images/v_four.png) no-repeat center center / 100% 100%;
}
.sprofile > .content .sleft .info .name .i.five {
  background: url(/static/images/v_five.png) no-repeat center center / 100% 100%;
}
.sprofile > .content .sleft .info .name .i.six {
  background: url(/static/images/v_six.png) no-repeat center center / 100% 100%;
}
.sprofile > .content .sleft .info .operation {
  width: 100%;
  margin-top: 18px;
  display: flex;
  justify-content: space-around;
}
.sprofile > .content .sleft .info .operation a {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.sprofile > .content .sleft .info .operation a img {
  display: block;
  width: 20px;
  height: 20px;
  margin-bottom: 3px;
}
.sprofile > .content .sleft .info .operation a span {
  font-size: 12px;
  color: #4a4a4a;
}
.sprofile > .content .sleft .info .operation a.active span {
  color: #ff9c00;
}
.sprofile > .content .sleft .functional {
  margin-top: 16px;
  background: #ffffff;
  border-radius: 6px;
  padding: 22px 12px 108px;
  box-sizing: border-box;
}
.sprofile > .content .sleft .functional a {
  display: flex;
  align-items: center;
  height: 32px;
  font-size: 14px;
  padding-left: 46px;
  color: #4a4a4a;
  margin-bottom: 8px;
  background-position: 18px center;
  background-repeat: no-repeat;
  background-size: 18px 18px;
}
.sprofile > .content .sleft .functional a.data {
  position: relative;
  background-image: url(/static/images/i_data.png);
}
.sprofile > .content .sleft .functional a.data.active {
  background-image: url(/static/images/i_data_active.png);
}
.sprofile > .content .sleft .functional a.message {
  background-image: url(/static/images/i_message.png);
}
.sprofile > .content .sleft .functional a.message.active {
  background-image: url(/static/images/i_message_active.png);
}
.sprofile > .content .sleft .functional a.gz {
  background-image: url(/static/images/i_gz.png);
}
.sprofile > .content .sleft .functional a.gz.active {
  background-image: url(/static/images/i_gz_active.png);
}
.sprofile > .content .sleft .functional a.dd {
  background-image: url(/static/images/i_dd.png);
}
.sprofile > .content .sleft .functional a.dd.active {
  background-image: url(/static/images/i_dd_active.png);
}
.sprofile > .content .sleft .functional a.kq {
  background-image: url(/static/images/i_kq.png);
}
.sprofile > .content .sleft .functional a.kq.active {
  background-image: url(/static/images/i_kq_active.png);
}
.sprofile > .content .sleft .functional a.hy {
  background-image: url(/static/images/i_hy.png);
}
.sprofile > .content .sleft .functional a.hy.active {
  background-image: url(/static/images/i_hy_active.png);
}
.sprofile > .content .sleft .functional a.fb {
  background-image: url(/static/images/i_fb.png);
}
.sprofile > .content .sleft .functional a.fb.active {
  background-image: url(/static/images/i_fb_active.png);
}
.sprofile > .content .sleft .functional a.wz {
  background-image: url(/static/images/i_wz.png);
}
.sprofile > .content .sleft .functional a.wz.active {
  background-image: url(/static/images/i_wz_active.png);
}
.sprofile > .content .sleft .functional a.sj {
  background-image: url(/static/images/i_sj.png);
}
.sprofile > .content .sleft .functional a.sj.active {
  background-image: url(/static/images/i_sj_active.png);
}
.sprofile > .content .sleft .functional a.sz {
  background-image: url(/static/images/i_sz.png);
}
.sprofile > .content .sleft .functional a.sz.active {
  background-image: url(/static/images/i_sz_active.png);
}
.sprofile > .content .sleft .functional a.fk {
  background-image: url(/static/images/i_fk.png);
}
.sprofile > .content .sleft .functional a.fk.active {
  background-image: url(/static/images/i_fk_active.png);
}
.sprofile > .content .sleft .functional a.wfk {
  background-image: url(/static/images/i_wfk.png);
}
.sprofile > .content .sleft .functional a.wfk.active {
  background-image: url(/static/images/i_wfk_active.png);
}
.sprofile > .content .sleft .functional a.bz {
  background-image: url(/static/images/i_bz.png);
}
.sprofile > .content .sleft .functional a.bz.active {
  background-image: url(/static/images/i_bz_active.png);
}
.sprofile > .content .sleft .functional a.xz {
  background-image: url(/static/images/i_xz.png);
}
.sprofile > .content .sleft .functional a.xz.active {
  background-image: url(/static/images/i_xz_active.png);
}
.sprofile > .content .sleft .functional a.active {
  border-radius: 4px;
  background-color: #fff6ea;
}
.sprofile > .content .sleft .functional a:nth-of-type(3n) {
  border-bottom: 1px solid #e0e0e0;
}
.sprofile > .content .sleft .functional a:last-of-type {
  border-bottom: none;
}
.sprofile > .content .sleft .functional a.dot::after {
  display: inline-block;
  content: "";
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #e24939;
  margin-top: -9px;
  margin-left: 3px;
}
.sprofile > .content .sright {
  flex: 1;
  display: flex;
  flex-direction: column;
}
.sprofile > .content .sright .svip {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 18px 30px;
  margin-bottom: 16px;
  background: #ffffff;
  box-sizing: border-box;
  border-radius: 8px 10px 0px 0px;
}
.sprofile > .content .sright .svip .l {
  flex: 1;
  display: flex;
  align-items: center;
  font-size: 16px;
  color: #181818;
}
.sprofile > .content .sright .svip .l > img {
  width: 42px;
  height: 42px;
  display: block;
  border-radius: 50%;
  margin-right: 8px;
  border: 1px solid #eeeeee;
  box-sizing: border-box;
}
.sprofile > .content .sright .svip .l .rig {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.sprofile > .content .sright .svip .l .rig p {
  display: flex;
  align-items: center;
  font-weight: bold;
  font-size: 14px;
  color: #181818;
}
.sprofile > .content .sright .svip .l .rig p span {
  display: block;
  width: 72px;
  height: 16px;
  margin-left: 6px;
}
.sprofile > .content .sright .svip .l .rig p span.jp {
  background: url(/static/images/ds_jp.svg) no-repeat left center / 72px 16px;
}
.sprofile > .content .sright .svip .l .rig p span.sx {
  background: url(/static/images/ds_sx.svg) no-repeat left center / 72px 16px;
}
.sprofile > .content .sright .svip .l .rig p span.pt {
  background: url(/static/images/ds_pt.svg) no-repeat left center / 72px 16px;
}
.sprofile > .content .sright .svip .l .rig div {
  display: flex;
  align-items: center;
  margin-top: 5px;
}
.sprofile > .content .sright .svip .l .rig div img {
  display: block;
  width: 14px;
  height: 13px;
  transform: rotate(-34deg);
}
.sprofile > .content .sright .svip .l .rig div .zs {
  font-size: 12px;
  color: #643107;
}
.sprofile > .content .sright .svip .l .rig div .hs {
  font-size: 12px;
  color: #181818;
  margin-left: 4px;
}
.sprofile > .content .sright .svip .l .rig div .huis {
  color: #999999;
  font-size: 12px;
}
.sprofile > .content .sright .svip .l .rig div a {
  color: #643107;
  font-size: 14px;
  padding-left: 18px;
  margin-left: 5px;
  background: url(/static/images/vip2.png) no-repeat left center / 18px 16px;
}
.sprofile > .content .sright .svip .l .blue {
  font-weight: bold;
  font-size: 26px;
  color: #5873ff;
}
.sprofile > .content .sright .svip .renew {
  width: 101px;
  height: 28px;
  display: flex;
  align-items: center;
  font-size: 14px;
  color: #69380e;
  padding-left: 40px;
  border-radius: 3px;
  background: url(/static/images/vip2.png) no-repeat 20px center / 18px 16px;
  background-color: #f0d59a;
  box-sizing: border-box;
}
.sprofile > .content .sright .svip .k_vip {
  display: flex;
  align-items: center;
  height: 45px;
  background: #fff5dc;
  border-radius: 5px;
  border: 1px solid #ffd258;
  padding: 0 18px;
}
.sprofile > .content .sright .svip .k_vip img {
  display: block;
  width: 42px;
  height: 32px;
  margin-right: 8px;
}
.sprofile > .content .sright .svip .k_vip .text span {
  display: block;
}
.sprofile > .content .sright .svip .k_vip .text span.e1 {
  font-weight: bold;
  font-size: 16px;
  color: #0b0b0b;
}
.sprofile > .content .sright .svip .k_vip .text span.e2 {
  font-size: 12px;
  color: #bdbcbc;
}
.sprofile > .content .sright .sb_content {
  flex: 1;
  background: #ffffff;
  border-radius: 6px;
  padding: 30px 28px;
  box-sizing: border-box;
}
.dialog,
.dialog2,
.dialog3,
.zst_dialog,
.cz_dialog {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.3);
  display: none;
  justify-content: center;
  align-items: center;
  z-index: 99;
}
.dialog .dialog_body,
.dialog2 .dialog_body,
.dialog3 .dialog_body,
.zst_dialog .dialog_body,
.cz_dialog .dialog_body {
  width: 350px;
  background: #ffffff;
  border-radius: 13px;
  padding: 30px 25px 25px;
  position: relative;
  padding: 42px 30px 36px;
  box-sizing: border-box;
}
.dialog .dialog_body .close,
.dialog2 .dialog_body .close,
.dialog3 .dialog_body .close,
.zst_dialog .dialog_body .close,
.cz_dialog .dialog_body .close {
  display: block;
  width: 24px;
  height: 24px;
  position: absolute;
  top: 15px;
  right: 20px;
  cursor: pointer;
}
.dialog .dialog_body .icon,
.dialog2 .dialog_body .icon,
.dialog3 .dialog_body .icon,
.zst_dialog .dialog_body .icon,
.cz_dialog .dialog_body .icon {
  display: block;
  margin: -12px auto 5px;
}
.dialog .dialog_body .title,
.dialog2 .dialog_body .title,
.dialog3 .dialog_body .title,
.zst_dialog .dialog_body .title,
.cz_dialog .dialog_body .title {
  display: flex;
  justify-content: center;
  font-weight: bold;
  font-size: 18px;
  color: #181818;
  margin: 0 auto;
}
.dialog .dialog_body .vip,
.dialog2 .dialog_body .vip,
.dialog3 .dialog_body .vip,
.zst_dialog .dialog_body .vip,
.cz_dialog .dialog_body .vip {
  font-size: 14px;
  color: #835334;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 14px;
}
.dialog .dialog_body .vip::before,
.dialog2 .dialog_body .vip::before,
.dialog3 .dialog_body .vip::before,
.zst_dialog .dialog_body .vip::before,
.cz_dialog .dialog_body .vip::before {
  display: inline-block;
  content: "";
  width: 18px;
  height: 18px;
  background: url(/static/images/vip2.png) no-repeat left center / 100% 100%;
}
.dialog .dialog_body .desc,
.dialog2 .dialog_body .desc,
.dialog3 .dialog_body .desc,
.zst_dialog .dialog_body .desc,
.cz_dialog .dialog_body .desc {
  display: flex;
  justify-content: center;
  font-size: 16px;
  color: #999999;
  margin-top: 14px;
}
.dialog .dialog_body .desc span,
.dialog2 .dialog_body .desc span,
.dialog3 .dialog_body .desc span,
.zst_dialog .dialog_body .desc span,
.cz_dialog .dialog_body .desc span {
  color: #e24939;
  margin: 0 3px;
}
.dialog .dialog_body .h,
.dialog2 .dialog_body .h,
.dialog3 .dialog_body .h,
.zst_dialog .dialog_body .h,
.cz_dialog .dialog_body .h {
  display: flex;
  justify-content: center;
  margin-top: 30px;
}
.dialog .dialog_body .h > span,
.dialog2 .dialog_body .h > span,
.dialog3 .dialog_body .h > span,
.zst_dialog .dialog_body .h > span,
.cz_dialog .dialog_body .h > span {
  display: block;
  width: 107px;
  height: 40px;
  text-align: center;
  line-height: 40px;
  background: #eeeeee;
  border-radius: 4px;
  margin: 0 14px;
  cursor: pointer;
}
.dialog .dialog_body .h > span.cancel,
.dialog2 .dialog_body .h > span.cancel,
.dialog3 .dialog_body .h > span.cancel,
.zst_dialog .dialog_body .h > span.cancel,
.cz_dialog .dialog_body .h > span.cancel {
  font-size: 16px;
  color: #999999;
}
.dialog .dialog_body .h > span.confirm,
.dialog2 .dialog_body .h > span.confirm,
.dialog3 .dialog_body .h > span.confirm,
.zst_dialog .dialog_body .h > span.confirm,
.cz_dialog .dialog_body .h > span.confirm {
  font-weight: bold;
  font-size: 16px;
  color: #ffffff;
  background: linear-gradient(180deg, #fde19a 0%, #fabf61 100%);
}
.dialog .dialog_body .h > span.long,
.dialog2 .dialog_body .h > span.long,
.dialog3 .dialog_body .h > span.long,
.zst_dialog .dialog_body .h > span.long,
.cz_dialog .dialog_body .h > span.long {
  width: 80%;
}
.dialog.widder .dialog_body,
.dialog2.widder .dialog_body,
.dialog3.widder .dialog_body,
.zst_dialog.widder .dialog_body,
.cz_dialog.widder .dialog_body {
  width: 560px;
}
.dialog.widder .dialog_body .desc,
.dialog2.widder .dialog_body .desc,
.dialog3.widder .dialog_body .desc,
.zst_dialog.widder .dialog_body .desc,
.cz_dialog.widder .dialog_body .desc {
  font-size: 14px;
  color: #181818;
  justify-content: flex-start;
}
.dialog.widder .dialog_body .desc a,
.dialog2.widder .dialog_body .desc a,
.dialog3.widder .dialog_body .desc a,
.zst_dialog.widder .dialog_body .desc a,
.cz_dialog.widder .dialog_body .desc a {
  color: #c60000;
}
.dialog.widder .dialog_body .vip,
.dialog2.widder .dialog_body .vip,
.dialog3.widder .dialog_body .vip,
.zst_dialog.widder .dialog_body .vip,
.cz_dialog.widder .dialog_body .vip {
  margin-top: 0;
}
.dialog.cz_dialog .dialog_body .ye,
.dialog2.cz_dialog .dialog_body .ye,
.dialog3.cz_dialog .dialog_body .ye,
.zst_dialog.cz_dialog .dialog_body .ye,
.cz_dialog.cz_dialog .dialog_body .ye {
  font-size: 12px;
  color: #4a4a4a;
  text-align: center;
}
.dialog.cz_dialog .dialog_body .title,
.dialog2.cz_dialog .dialog_body .title,
.dialog3.cz_dialog .dialog_body .title,
.zst_dialog.cz_dialog .dialog_body .title,
.cz_dialog.cz_dialog .dialog_body .title {
  margin-top: 13px;
  color: #4a4a4a;
  font-size: 16px;
}
.dialog.cz_dialog .dialog_body .title span,
.dialog2.cz_dialog .dialog_body .title span,
.dialog3.cz_dialog .dialog_body .title span,
.zst_dialog.cz_dialog .dialog_body .title span,
.cz_dialog.cz_dialog .dialog_body .title span {
  color: #d93f3f;
}
.dialog.cz_dialog .dialog_body .desc,
.dialog2.cz_dialog .dialog_body .desc,
.dialog3.cz_dialog .dialog_body .desc,
.zst_dialog.cz_dialog .dialog_body .desc,
.cz_dialog.cz_dialog .dialog_body .desc {
  justify-content: center;
  margin-top: 6px;
}